<script setup lang="ts">
import Swiper from "components/common/swiper/Swiper.vue";
import SwiperItem from "components/common/swiper/SwiperItem.vue";

const props = defineProps({
  topImages: {
    type: Array as any,
    default() {
      return [];
    },
  },
});
// console.log(props.topImages);
</script>

<template>
  <div class="detail-swiper">
    <swiper>
      <swiper-item v-for="(item, index) in topImages" :key="index">
        <img :src="item" alt="" />
      </swiper-item>
    </swiper>
  </div>
</template>

<style lang="less">
.detail-swiper .swiper {
  height: 300px;
}
</style>
